<template>
  <div class="p-4">
    <h1 class="text-2xl font-bold mb-4">Workflow Editor</h1>
    <WorkflowEditor ref="editor" />
    <div class="mt-4 space-x-4">
      <button @click="$refs.editor.save()" class="px-4 py-2 bg-green-500 text-white rounded">Save</button>
      <button @click="$refs.editor.run()" class="px-4 py-2 bg-blue-500 text-white rounded">Run</button>
    </div>
  </div>
</template>

<script>
import WorkflowEditor from '../components/WorkflowEditor.vue';

export default {
  components: { WorkflowEditor },
};
</script>
